@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2018-04-23 18:56:04
 * @version $Id$
 */
.banner{ width: 100%; height: 500px;  margin: 0px auto;  overflow: hidden;}
.banner .main{ width: 1920px; height: 500px; position: relative; left: 50%; margin-left: -960px; }

.content{ width: auto; height: auto; background: #f8f8f8;}
.content .main{ width: 977px; height: 1150px; margin: 0px auto; }
.content .main h2{ font-family: "微软雅黑"; font-size: 30px; color: #333; padding: 47px 0px; }
.content .main .details{ width: 977px; height: 506px; background: #fff; border: 1px solid #ccc; box-shadow:0px 0px 5px 5px #d8d7d8;}
.content .main .details .left{ width: 350px; height: 419px; float: left; padding: 45px 0px 0px 52px;}
.content .main .details .left .bigimg{ width: 350px; height: 350px; }
.content .main .details .left .bigimg img{  width: 350px; height: 350px;}

.content .main .details .left .smallimg{ width: 350px; height: 69px; margin-top: 10px; cursor: pointer;}
.content .main .details .left .smallimg .prev{ width: 16px; height: 54px; background: url(../img/pro_details_prev_hover.png) no-repeat center; float: left;}
.content .main .details .left .smallimg .next{ width: 16px; height: 54px; background: url(../img/pro_details_next_hover.png) no-repeat center; float: right;}
.content .main .details .left .smallimg .prev:hover{ background: url(../img/pro_details_prev.png) no-repeat center;}
.content .main .details .left .smallimg .next:hover{ background: url(../img/pro_details_next.png) no-repeat center;}

.content .main .details .left .smallimg div{ width: 318px; height: 69px; overflow: hidden; }
.content .main .details .left .smallimg ul{ margin: 0px auto; width: 310px; height: 69px; } 
.content .main .details .left .smallimg ul li{ width: 54px; height: 54px; margin-right: 6px; float: left; border: 1px solid #ccc;  cursor: pointer;}
.content .main .details .left .smallimg ul li:hover{ border: 1px solid #1eb4f3;}

.content .main .details .left .smallimg ul li img{ width: 54px; height: 54px;}

.content .main .details .right { width: 488px; height: 419px; float: right;}
.content .main .details .right h3{ font-family: "微软雅黑"; font-size: 22px; color: #666;}
.content .main .details .right table{ margin: 35px 0px; }
.content .main .details .right table tr{  background: #e6eded; vertical-align: middle;}
.content .main .details .right table tr:first-child + tr{ background: #fff; }
.content .main .details .right table tr:first-child + tr + tr + tr{ background: #fff; }
.content .main .details .right table tr:first-child + tr + tr + tr + tr + tr{ background: #fff; }
.content .main .details .right table tr td{ width: 100px; height: 30px; font-family: "微软雅黑"; font-size: 16px; color: #666; text-align: center; border: 1px solid #ccc;}
.content .main .details .right table tr th{ width: 295px; height: 30px; font-family: "微软雅黑"; font-size: 16px; color: #666; text-align: left; padding-left: 10px; border: 1px solid #ccc;}

.content .main .same{ width: 977px; height: 328px; background: #fff; /*overflow: hidden;*/}
.content .main .same ul{ width: 1000px; height: 328px; }
.content .main .same ul li{ width: 235px; height: 328px; float: left; margin-right: 13px; border: 1px solid #ccc; box-shadow:0px 0px 5px 5px #d8d7d8;}
.content .main .same ul li img{ width: 235px; height: 235px; }
.content .main .same ul li p{ font-family: "微软雅黑"; font-size: 18px; color: #666; text-align: center; padding-top: 14px;}
